import React, { Component } from 'react'
import { TopNavHeader, MyInputItem } from '../common'

export default class ResetPassword extends Component {
  render() {
    return (
      <div className={`rt-reset-password-container cm-flex-container`}>
        <TopNavHeader title="修改密码" />

        <div className={`rt-scrollable-container`}>
          <div className={`rt-hint-message`}>请输入新的交易密码</div>
          <div className={`rt-account-balance`}>账户余额：3,686.90元</div>
          <div className={`rt-payment-box`}>
            <p>选择支付方式：</p>
            <div>
              <div className={`rt-payment-way rt-active`}>
                <img alt="wechat" src={require('static/images/wechat.png')} />
                <div className={`cm-right-angle-trangle-box`}>
                  <div className={`cm-tick-box cm-tick-box-hide`}></div>
                </div>
              </div>
              <div className={`rt-payment-way`}>
                <img alt="online" src={require('static/images/online.png')} />
              </div>
            </div>
          </div>
          <MyInputItem placeholder="请输入旧密码" />
          <MyInputItem placeholder="请输入新密码" />
          <MyInputItem placeholder="请再次输入新密码" />

          <div className={`cm-main-btn`}>确  认</div>
        </div>

      </div>
    )
  }
}